/*
 * Project Wok
 *
 * Copyright IBM Corp, 2015-2017
 *
 * Code derived from Project Kimchi
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

// Core variables
@import "modules/wok-variables";
// Core functions
@import "modules/compact";
// Compass Mixins
@import "vendor/compass-mixins/lib/compass";

html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}

html.in-progress,
html.in-progress * {
  cursor:progress;
}

html.in-progress a,
html.in-progress button {
  cursor: pointer;
}

html.in-progress [disabled],
 html.in-progress button[disabled],
 html.in-progress .disabled {
  cursor: not-allowed;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px;
  background-color: $brand-primary;

  .container {
    text-align: center;
  }

  .container .text-muted {
      color: $gray-light;
      margin: 20px 0;
      display: inline-block;
  }

  span.wok-version {
    color: $gray-light;
    position: absolute;
    right: 10px;
    margin: 20px 0;
  }

  ul#plugins {
    list-style: none;
    display: inline-block;
    margin: 0;
    padding: 0;

    li {
    display: inline-block;
    margin: 0 5px 5px 10px;
    padding: 0;
    color: $gray-light;

        &:last-child {
        margin-right: 0;
        }

        span {
        display: none;
        }

        img {
            width: 48px;
            height: 48px;
        }

    }

  }

}

// Override Bootstrap CSS
.container {
    margin-right: auto;
    margin-left: auto;
}

.hide-content {
    display: none !important;
}

.help-block {
    color: #aaa;
}

// Override panels
.panel {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.panel-title {
    font-size: 21.5pt;
}

.panel-group {
  position: relative;
}

.panel-collapse.collapse {
    position: relative;
}

// Override pagination

.pagination {

  > .active > a,
  > .active > span {
    &,
    &:hover,
    &:focus {
      cursor: pointer !important;
    }
  }

  > .disabled {
    > span,
    > span:hover,
    > span:focus,
    > a,
    > a:hover,
    > a:focus {
      cursor: $cursor-disabled !important;
    }
  }
}

#alert-container {
  padding-left: 80px;
  padding-right: 60px;
  padding-top: 10px;
}

// session expiring
.session-expiring {
  z-index: 9999999;
  position: fixed;
  bottom: 19px;
  right: 19px;
  .close {
    margin-right: 8px;
    margin-top: 4px;
  }
  .well {
    background: #eee;
    width: 280px;
    padding: 0;
    margin: 0;
    p {
      padding: 9px 9px 0 9px;
    }
    .form-group {
      border-top: 1px solid #ccc;
      margin: 0;
      padding:9px;
      text-align: right;
    }
  }
}

// Custom dataTable settings
table.dataTable,
div.dataTables_scrollHeadInner {
    width: 100% !important;
}

table.dataTable thead .sorting::after,
table.dataTable thead .sorting_asc::after,
table.dataTable thead .sorting_desc::after {
    display: none;
}

.error-msg {
    padding-top: 10px;
    padding-bottom: 10px;
}

// Login
@import "modules/login";
// Topbar and navigation
@import "modules/toolbar";
// Buttons
@import "modules/buttons";
// Dropdown Button - Flat
@import "modules/menu-flat";
// Wok Grid & Wok List
@import "modules/wok-grid";
// Wok Datagrid
@import "modules/datagrid";
// Wok Loaders
@import "modules/loaders";
// Wok Forms
@import "modules/wok-forms";
// Wok Toggle Switch
@import "modules/wok-toggleswitch";
// Wok Confirm Dialog
@import "modules/wok-confirm";
// Form validation classes
@import "modules/validation";
// Typeahead.js
@import "modules/typeahead";
// jQuery UI Datepicker CSS with Bootstrap values
@import "modules/datepicker";
// Wok About
@import "modules/about";
// Utils
@import "modules/utils";
// Animation
@import "modules/animation";
